<template>
    <div class="sbox">
        <div class="sorderproducts">
            <div class="flex">
                <el-button plain size="small" style="color: #6193D2;border:1px solid #6193D2;"
                    @click="() => { emits('open', 1) }">New</el-button>
                <el-button type="success" plain size="small"
                    style="background-color:#ECF5FF;color: #6193D2;border:1px solid #6193D2"
                    @click="() => { emits('open', 6) }">Save</el-button>
                <el-button type="primary" plain size="small"
                    style="background-color:#ECF5FF;color: #6193D2;border:1px solid #6193D2"
                    @click="() => { emits('open', 2) }">Copy to
                    Order</el-button>
                <el-button type="primary" plain size="small"
                    style="background-color:#ECF5FF;color: #6193D2;border:1px solid #6193D2"
                    @click="() => { emits('open', 3) }">From
                    RFQ</el-button>
                <el-button type="primary" plain size="small"
                    style="background-color:#ECF5FF;color: #6193D2;border:1px solid #6193D2"
                    @click="() => { emits('open', 4) }">From
                    Quotation</el-button>
                <el-button type="primary" plain size="small"
                    style="background-color:#ECF5FF;color: #6193D2;border:1px solid #6193D2"
                    @click="() => { emits('open', 5) }">Clearance</el-button>
                <el-button type="danger" style="background-color:#6193D2;color: #fff;border: none;" plain size="small"
                    @click="() => { emits('orderDelete') }">Delete</el-button>
            </div>
        </div>
        <div class="sorderproducts flex jc-sb ">
            <div class="flex">
                <el-button type="primary" plain size="small"
                    style="background-color:#ECF5FF;color: #6193D2;border:1px solid #6193D2"
                    @click="() => { emits('open', 7) }">Place an
                    Order</el-button>
                <el-button type="primary" plain size="small"
                    style="background-color:#ECF5FF;color: #6193D2;border:1px solid #6193D2"
                    @click="() => { emits('open', 8) }">Deliver
                    Goods</el-button>
                <el-button type="danger" style="background-color:#ECF5FF;color: #6193D2;border:1px solid #6193D2"
                    @click="() => { emits('open', 9) }" plain size="small">Export</el-button>
            </div>
            <div class="flex">
                <el-checkbox :disabled="isclose === 2 ? true : false" v-model="checked.checked1" label="Cost" size="small" />
                <el-checkbox :disabled="isclose === 2 ? true : false" v-model="checked.checked2" label="Shipping" size="small" />
            </div>
        </div>
    </div>
</template>

<script setup>
const emits = defineEmits(['open', 'orderDelete'])
const props = defineProps({
    isclose:Number,
    checked:Object
})
</script>
